<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!-- 引入 css -->
    <link href="/admin/plugin/wangEditor/style.css" rel="stylesheet">
    <!-- 引入 js -->
    <script src="/admin/plugin/wangEditor/index.js"></script>

    <!--引入 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <!-- 必须先引入vue，  后使用element-ui -->
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <!-- 引入element 的组件库-->
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <script type="text/javascript" src="/admin/plugin/element-ui/httpVueLoader.js"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1"></script>



    <!--    引入Layui组件-->
    <link rel="stylesheet" href="/admin/plugin/layui/dist/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <link rel="stylesheet" href="/admin/js-css/css/pageLR.css">
    <link rel="stylesheet" href="/admin/js-css/css/backColor.css" media="all">

    <style>
        body{
            background: #dfefff;
        }
    </style>

</head>
<body style="overflow-y: hidden;">
    <div id="app">
        <el-tabs v-model="activeName" @tab-click="handleClick" >
            <el-tab-pane label="住户图表" name="0" v-if="searchParmsData.type=='3' || searchParmsData.type=='4'" >
                <div>
                    <iframe :src="src0" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>

            <el-tab-pane label="预打收据" name="6" v-if="searchParmsData.type=='3' || searchParmsData.type=='4'" >
                <div>
                    <iframe :src="src6" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
            <el-tab-pane label="按收据缴款" name="7" v-if="searchParmsData.type=='3' || searchParmsData.type=='4'" >
                <div>
                    <iframe :src="src7" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>



            <el-tab-pane label="交款信息" name="1" v-if="searchParmsData.type=='5'" >
                <div>
                    <iframe :src="src1" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>

            <el-tab-pane label="房间信息" name="2" v-if="searchParmsData.type=='5'" >
                <div>
                    <iframe :src="src2" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>

            <el-tab-pane label="业主信息" name="3" v-if="searchParmsData.type=='5'" >
                <div>
                    <iframe :src="src3" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
            <el-tab-pane label="费用标准" name="4" v-if="searchParmsData.type=='5'" >
                <div>
                    <iframe :src="src4" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
            <el-tab-pane label="票据管理" name="5" v-if="searchParmsData.type=='5'" >
                <div>
                    <iframe :src="src5" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
        </el-tabs>
    </div>
</body>

<script>
    var vm = new Vue({
        el:"#app",
        data:{
            activeName:"1",
            searchParmsData:{},
            src0:"",
            src1:"",
            src2:"",
            src3:"",
            src4:"",
            src5:"",
            src6:"",
            src7:"",
            src8:"",
            code:"",
            iframeHeight:0,
        },
        created(){
            this.iframeHeight = top.document.body.clientHeight - 0;
            this.searchParmsData = getParams();
            if(this.searchParmsData.type == "5"){
                this.src1 = "/admin/html/module/sichuangwuye/hesuan/jiaokuanList.html?type="+this.searchParmsData.type+"&id="+this.searchParmsData.id+"&v="+guid();
            }else if(this.searchParmsData.type == "3" || this.searchParmsData.type == "4"){
                this.activeName = "0";
                if(this.searchParmsData.type == "3"){
                    this.code = "625";
                }
                if(this.searchParmsData.type == "4"){
                    this.code = "626";
                }
                this.src0 = "/admin/html/module/sichuangwuye/zhuhu/List.html?id="+this.searchParmsData.id+"&code="+this.code;
            }
        },
        methods:{
            handleClick(tab, event) {
                if(this.activeName == "1"){
                    if(this.searchParmsData.type == "5"){
                        this.src1 = "/admin/html/module/sichuangwuye/hesuan/jiaokuanList.html?type="+this.searchParmsData.type+"&id="+this.searchParmsData.id+"&v="+guid();
                    }else {
                        top.data.tableId = getTableId("732");
                        this.src1 = "/admin/html/dataManagement/list.html?v="+guid();
                    }
                }else if(this.activeName == "2"){
                    this.src2 = "/admin/html/module/sichuangwuye/fangchan/input.html?add=false&code=627&id="+this.searchParmsData.id+"&tableId="+getTableId("627")+"&input_id=1023566446921252864&v="+guid();
                }else if(this.activeName == "3"){
                    this.src3 = "/admin/html/module/sichuangwuye/zhuhu/input.html?id="+this.searchParmsData.id+"&code=627";
                }else if(this.activeName == "4"){
                    top.data.tableId = getTableId("613");
                    top.data.treeNodeObj.id = this.searchParmsData.id;
                    this.src4 = "/admin/html/dataManagement/list.html?v="+guid();
                }else if(this.activeName == "5"){
                    top.data.tableId = getTableId("698");
                    top.data.treeNodeObj.id = this.searchParmsData.id;
                    this.src5 = "/admin/html/module/sichuangwuye/piaoju/list.html?v="+guid();
                }else if(this.activeName == "6"){
                    this.src6 = "/admin/html/module/sichuangwuye/hesuan/yujiaoshoujuList.html?type="+this.searchParmsData.type+"&id="+this.searchParmsData.id+"&v="+guid();
                }else if(this.activeName == "7"){
                    this.src7 = "/admin/html/module/sichuangwuye/hesuan/anshoujuList.html?v="+guid();
                }else if(this.activeName == "0"){
                    this.src0 = "/admin/html/module/sichuangwuye/zhuhu/List.html?id="+this.searchParmsData.id+"&code="+this.code+"&v="+guid();
                }
            }
        }
    });
</script>
</html>